<template>
    <div class="my-root foot-flex">
        <li v-for="(lis,index) in this.footerL" :key="index">
            <router-link :to="lis.path">
              <i :class="lis.iconOn"></i>
              <p>{{lis.text}}</p>
            </router-link>
        </li>
    </div>
</template>
<script>
  export default {
    data() {
      return {
        footerL: [{
            iconOn: 'fa fa-home',
            text: '首页',
            path:'/index'
            
          },
          {
            iconOn: 'fa fa-list-alt',
            text: '发布',
            path:'/release'
          },
           {
            iconOn: 'fa fa-star',
            text: '收藏',
            path:'/collect'
          },
          {
            iconOn: 'fa fa-comments-o',
            text: '消息',
            path:'/message'
          },
           {
            iconOn: 'fa fa-user',
            text: '我的',
            path:'/user'
          }
        ]
      }
    }
  }

</script>
<style lang="" scoped>
    .foot-flex{
        display: flex;
        flex-wrap: wrap;
    }
    li{
        padding-top: 8px;
        font-size: .3rem;
        flex-basis: 20%;
        text-align: center
    }
    li i{
      font-size: .5rem;
    }
</style>
